<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>医睦测试</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">

    <style>
        .box{
            background: #FFF9ED;
            border-radius: 4px;
            padding: 16px 12px;
            font-size: 12px;
        }

        .line{
            display: flex;
            line-height: 1.5;
            margin-bottom: 4px;
        }

        .line:last-child{
            margin-bottom: 0;
        }

        .right{
            flex: 1;
        }

        .num{
            display: inline-block;
            border-radius: 50%;
            background: #FFB960;
            color: white;
            width: 16px;
            height: 16px;
            line-height: 16px;
            text-align: center;
            font-size: 12px;
            vertical-align: 2px;
            margin-right: 5px;
        }
    </style>

</head>

<body>
    <div class="box">
        <div class="line">
            <div class="left"><div class="num">1</div></div>
            <div class="right">上海创信提供保障资金，承担保障费用。</div>
        </div>
        <div class="line">
            <div class="left"><div class="num">2</div></div>
            <div class="right">扩大被保障人范围，涵盖医院所有科室的门诊（含急诊）患者，不受年龄、治疗手段和疾病的限制。</div>
        </div>
    </div>

</body>

</html>